@include('home.head')
<!-- 首页内容区  s -->
<div class="index-area">

    <!--banner显示 s-->
    <div class="sel-op clearfix">
    <div class="sel-area fl">
        <div class="buy-tit">免费卖车<span><em class="orgtext">平均7天卖出</em>已有<em class="clue_num">2236866</em>人提交了申请</span></div>
        <div class="sell-car-box" data-value-domain="bj">
            <form action="" class="clearfix" data-role="sell_form">
                <input class="sell-phone-input" data-role="sellPhone" placeholder="请输入手机号码" type="text">
                <button class="sell-phone-submit" data-clue-entry="03" data-gzlog="tracking_type=click&amp;eventid=0210050000000013">我要卖车</button>
                <input name="source_type" value="" type="hidden">
            </form>
            <div class="submit-suc" style="display: none">
                <i></i>
                提交成功！
                <a href="javascript:void(0)" data-role="go_back">返回</a>
            </div>
        </div>
        <div class="buy-tit">我要买车<span>1年2万公里质保</span></div>
        <div class="sx">
            <div class="sx-pinpai js_brands_index">
                <div class="dt">品牌</div>
                <div class="dd" id="baidu_alog">

                    <a baidu_alog="pc_index_fastPick_brand&amp;click&amp;pc_index_fastPick_brand_dazhong_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_brand_c" data-gzlog="tracking_type=click&amp;eventid=0050080000000024&amp;brand=dazhong" href="{{url('buy',['b1'])}}" class="i-dazhong" title="大众二手车">大众</a>
                    <a brand="toyota" href="{{url('buy',['b2'])}}" class="i-toyota" title="丰田二手车">丰田</a>
                    <a baidu_alog="pc_index_fastPick_brand&amp;click&amp;pc_index_fastPick_brand_honda_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_brand_c" data-gzlog="tracking_type=click&amp;eventid=0050080000000024&amp;brand=honda" href="{{url('buy',['b3'])}}" class="i-honda" title="本田二手车">本田</a>
                    <a baidu_alog="pc_index_fastPick_brand&amp;click&amp;pc_index_fastPick_brand_benz_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_brand_c" data-gzlog="tracking_type=click&amp;eventid=0050080000000024&amp;brand=benz" href="{{url('buy',['b4'])}}" class="i-benz" title="奔驰二手车">奔驰</a>
                    <a baidu_alog="pc_index_fastPick_brand&amp;click&amp;pc_index_fastPick_brand_bmw_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_brand_c" data-gzlog="tracking_type=click&amp;eventid=0050080000000024&amp;brand=bmw" href="{{url('buy',['b6'])}}" class="i-bmw" title="宝马二手车">宝马</a>
                    <a baidu_alog="pc_index_fastPick_brand&amp;click&amp;pc_index_fastPick_brand_audi_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_brand_c" data-gzlog="tracking_type=click&amp;eventid=0050080000000024&amp;brand=audi" href="{{url('buy',['b5'])}}" class="i-audi" title="奥迪二手车">奥迪</a>

                                                                      
                    <span class="tip-right"></span>
                </div>
                <div class="ppmore">
                    <div class="leftline"></div>
                    <p>所有品牌</p>
                    <table class="tbl">
                            <tbody></tbody>
                        </table>
                    </div>
            </div>
            <div class="sx-price">
                <div class="dt">价格</div>
                <div class="dd">
<a baidu_alog="pc_index_fastPick_price&amp;click&amp;pc_index_fastPick_price_5_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_price_c" data-gzlog="tracking_type=click&amp;eventid=0050100000000026&amp;price_index=5" target="_blank" gjalog="100000000049000100000010" href="{{url('buy',['p1'])}}" title="5万以下二手车">
5万以下                            </a>
    <a baidu_alog="pc_index_fastPick_price&amp;click&amp;pc_index_fastPick_price_5_10_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_price_c" data-gzlog="tracking_type=click&amp;eventid=0050100000000026&amp;price_index=5_10" target="_blank" gjalog="100000000049000100000010" href="{{url('buy',['p2'])}}" title="10万以下二手车">
5-10万                            </a>
    <a baidu_alog="pc_index_fastPick_price&amp;click&amp;pc_index_fastPick_price_10_15_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_price_c" data-gzlog="tracking_type=click&amp;eventid=0050100000000026&amp;price_index=10_15" target="_blank" gjalog="100000000049000100000010" href="{{url('buy',['p3'])}}" title="15万以下二手车">
10-15万                            </a>
    <a baidu_alog="pc_index_fastPick_price&amp;click&amp;pc_index_fastPick_price_15_20_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_price_c" data-gzlog="tracking_type=click&amp;eventid=0050100000000026&amp;price_index=15_20" target="_blank" gjalog="100000000049000100000010" href="{{url('buy',['p4'])}}" title="20万以下二手车">
15-20万                            </a>
    <a baidu_alog="pc_index_fastPick_price&amp;click&amp;pc_index_fastPick_price_20_30_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_price_c" data-gzlog="tracking_type=click&amp;eventid=0050100000000026&amp;price_index=20_30" target="_blank" gjalog="100000000049000100000010" href="{{url('buy',['p5'])}}" title="30万以下二手车">
20-30万                            </a>
    <a baidu_alog="pc_index_fastPick_price&amp;click&amp;pc_index_fastPick_price_30_40_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_price_c" data-gzlog="tracking_type=click&amp;eventid=0050100000000026&amp;price_index=30_40" target="_blank" gjalog="100000000049000100000010" href="{{url('buy',['p6'])}}" title="40万以下二手车">
30-40万                            </a>
    <a baidu_alog="pc_index_fastPick_price&amp;click&amp;pc_index_fastPick_price_40_60_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_price_c" data-gzlog="tracking_type=click&amp;eventid=0050100000000026&amp;price_index=40_60" target="_blank" gjalog="100000000049000100000010" href="{{url('buy',['p7'])}}" title="60万以下二手车">
40-60万                            </a>
    <a baidu_alog="pc_index_fastPick_price&amp;click&amp;pc_index_fastPick_price_60_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_price_c" data-gzlog="tracking_type=click&amp;eventid=0050100000000026&amp;price_index=60" target="_blank" gjalog="100000000049000100000010" href="{{url('buy',['p8'])}}" title="60万以上二手车">
60万以上                            </a>
            </div>
</div>
            <div class="sx-chexing">
                <div class="dt">车型</div>
                <div class="dd">
	                <a baidu_alog="pc_index_fastPick_chexing&amp;click&amp;pc_index_fastPick_type_suv_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_chexing_c" data-gzlog="tracking_type=click&amp;eventid=0050110000000027&amp;chexing_index=suv" href="{{url('buy',['m1'])}}" class="x-suv" title="二手SUV">
	SUV                            </a>
	<a baidu_alog="pc_index_fastPick_chexing&amp;click&amp;pc_index_fastPick_type_mpv_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_chexing_c" data-gzlog="tracking_type=click&amp;eventid=0050110000000027&amp;chexing_index=mpv" href="{{url('buy',['m2'])}}" class="x-mpv" title="二手MPV">
	MPV                            </a>
	<a baidu_alog="pc_index_fastPick_chexing&amp;click&amp;pc_index_fastPick_type_paoche_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_chexing_c" data-gzlog="tracking_type=click&amp;eventid=0050110000000027&amp;chexing_index=paoche" href="{{url('buy',['m3'])}}" class="x-paoche" title="二手跑车">
	跑车                            </a>
	<a baidu_alog="pc_index_fastPick_chexing&amp;click&amp;pc_index_fastPick_type_xiaojiaoche_c#pc_index_fastPick&amp;click&amp;pc_index_fastPick_chexing_c" data-gzlog="tracking_type=click&amp;eventid=0050110000000027&amp;chexing_index=xiaojiaoche" href="{{url('buy',['m4'])}}" class="x-sanxiang" title="二手轿车">
	轿车                            </a>
	    </div>
            </div>
        </div>
    </div>

<div class="op-area fr">
<!--banner -->
<div class="op-slide index-0" data-widget="app/ms_v2/widget/slide.js" data-slide-fn="app/ms_v2/self_service/page/promotion_index.js#slideFn" data-interval="3000">
<div data-role="list">
            <div class="slide-li" data-role="item" style="background: transparent url(&quot;http://image.ganjistatic1.com/gjfs15/M08/E2/49/CgEHP1cjOALkTOypAAD6NIdshRo473_860-305_8-0.png&quot;) no-repeat scroll center center; display: block;" baidu_alog="banner&amp;&amp;click&amp;&amp;index_top_banner_0">
<a baidu_alog="pc_index_topYunying&amp;click&amp;pc_index_topYunying_banner_1_c" data-gzlog="pc_index_topYunying_banenr_1_c" target="_blank" href="http://jr.guazi.com/bj/?&amp;clueS=02" class="ban_a"></a>
</div>
<div class="slide-li" data-role="item" style="background: transparent url(&quot;http://image.ganjistatic1.com/gjfs19/M0A/35/7C/CgEHZldVISaU7xL6AAMmZMq4P,A615_860-305_8-0.png&quot;) no-repeat scroll center center; display: none;" baidu_alog="banner&amp;&amp;click&amp;&amp;index_top_banner_1">
<a baidu_alog="pc_index_topYunying&amp;click&amp;pc_index_topYunying_banner_2_c" data-gzlog="" target="_blank" href="http://www.guazi.com/zq_app/?&amp;clueS=02" class="ban_a"></a>
</div>
        <div class="slide-li" data-role="item" style="background: transparent url(&quot;http://sta.guazi.com/static/c2c/web/index/index-1.jpg&quot;) no-repeat scroll center center; display: none;">
<a baidu_alog="pc_index_topYunying&amp;click&amp;pc_index_topYunying_banner_0_c" data-gzlog="tracking_type=click&amp;eventid=0140120000000028&amp;url=intro" target="_blank" href="http://www.guazi.com/bj/intro/"></a>
</div>
</div>

<div class="slide-ctrl">
<span class="on active" data-role="point" data-slide-to="0"></span>
<span class="on" data-role="point" data-slide-to="1"></span>
<span class="on" data-role="point" data-slide-to="2"></span>
</div>
</div>
        <!--三个运营位 -->
        <div class="op-img">
            <ul class="clearfix">
                <li>
                    <a baidu_alog="pc_index_topYunying&amp;click&amp;pc_index_topYunying_banenr_sub2_c" data-gzlog="tracking_type=click&amp;eventid=0140130000000029&amp;url=t3" href="http://www.guazi.com/zq_article/t3/" target="_blank">
                        <img src="home/images/guazi_car.png" alt="保养知识">
                    </a>
                </li>

                <li>
                    <a baidu_alog="pc_index_topYunying&amp;click&amp;pc_index_topYunying_banenr_sub2_c" data-gzlog="tracking_type=click&amp;eventid=0140130000000029&amp;url=t3" href="http://www.guazi.com/zq_article/t3/" target="_blank">
                        <img src="home/images/guazi_story.jpg" alt="好车故事">
                    </a>
                </li>

                <li>
                    <a baidu_alog="pc_index_topYunying&amp;click&amp;pc_index_topYunying_banenr_sub3_c" data-gzlog="tracking_type=click&amp;eventid=0140130000000029&amp;url=t1" href="http://www.guazi.com/zq_article/t1/" target="_blank">
                        <img src="home/images/guazi_learn.jpg" alt="瓜子用车知识讲堂">
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>    <!--banner显示 e -->

    <!--服务介绍 s-->
    <ul class="ser-gua clearfix">
    <li><i class="ser-1"></i>100%个人二手车</li>
    <li><i class="ser-2"></i>259项全面检测</li>
    <li><i class="ser-3"></i>14天可退</li>
    <li><i class="ser-4"></i>1年2万公里质保</li>
</ul>    <!--服务介绍 e -->

    <!--今日超值 s-->
        <!--今日超值 e -->

    <!--首页帖子列表 s-->
    <div class="w
     indexTab">
    <div class="title clearfix">
        <a baidu_alog="index_tabselect&amp;click&amp;pc_index_tabSelect_right_morecar_c" 
        class="all-car" href="{{url('home/buy')}}" 
        gjalog="100000000051000100000010">查看全部&gt;&gt;</a>
          <span class="ti-left">
            <span>最新</span>
<a id="ishots" value="1" onmouseover="zxsj()">热门</a>
<a id ="tjs" value="1" onmouseover="tj()">推荐</a>

                        </span>
    </div>
     <div data-role="showList">
                    <div class="list" style="display: block;">
    <ul class="list-bigimg clearfix" id="divvv">
                                    <li id="li">
                                        </li>
                                </ul>
                                </div>
                            </div>        
    <!-- //<span id="span"></span> -->




<!--         <li clue_id="2901268">
    <div class="list-infoBox">
        <a title="现代新胜达 2012款 2.4 自动 7座四驱舒适版(进口)" target="_blank" class="imgtype" href="http://www.guazi.com/bj/3000160910x.htm">
            <img src="%E9%A6%96%E9%A1%B5-%E5%8C%97%E4%BA%AC%E7%93%9C%E5%AD%90%E4%BA%8C%E6%89%8B%E8%BD%A6%E7%9B%B4%E5%8D%96%E7%BD%91_files/cc6d5eaa036eb1748b0193e07e0226b4.jpg" alt="现代新胜达 2012款 2.4 自动 7座四驱舒适版(进口)" height="194" width="290">
        <p class="infoBox">
            <a title="现代新胜达 2012款 2.4 自动 7座四驱舒适版(进口)" href="http://www.guazi.com/bj/3000160910x.htm" target="_blank" class="info-title">现代新胜达 2012款 2.4 自动 7座四驱舒适版(进口)</a>
        </p>

            <p class="fc-gray">
            <span class="">2012年4月上牌</span><em class="shuxian">|</em> 行驶4.4万公里</p>
            <p class="priType-s">
              <span>
                <i class="fc-org priType">
                    16.60万
                </i>
              </span>
              </p>
        </div>
    </li> -->

    <script>
$(document).ready(function(){
        $.ajax({
                    //cache:'true',
                    url:"{{'brands/isrecom'}}",
                    //data:{'isrecom':1},
                    dataType:'json',
                    type:'get',
                     
                     success:function(msg){
                         var s = "";
                         $.each(msg,function(kk,vv){
   
                           s +="<div  id='recom' class='list-infoBox' id='isbox'>";
                           s +='<a href="{{url('home/goods')}}/'+vv.p_id+'">'+"<img src='"+vv.p_mainpic+"'>"+"</a>";
                           s +="<h1>"+"<a href='"+vv.p_details+"'>"+vv.p_allname+"</a>"+"</h1>";
                           s +="</div>";  
                        });

                           s +="<div id='s' class='all-car-link'>"
                           s +="<a id='recom' onclick='zx()'>最新</a>"
                           s +="</div>"
                         $('.list-infoBox').remove();
                         $('#s').remove(); 
                         $('#r').remove(); 
                         $('#t').remove(); 
                         $('#li').append(s);
         
                }
                });
})
    </script>

    <!-- //更多最新 -->
    <script>
        function zx(){
             
                $.ajax({
                   url:"{{'brands/isrecoms'}}",
                    //data:{'isrecoms':1},
                    dataType:'json',
                    type:'get',
                     
                     success:function(msg){
                         var s = "";
                         $.each(msg,function(kk,vv){
   
                           s +="<div  id='ishot' class='list-infoBox'  >";
                           s +='<a href="{{url('home/goods')}}/'+vv.p_id+'">'+"<img src='"+vv.p_pics+"'>"+"</a>";
                           s +="<h1>"+"<a href='"+vv.p_details+"'>"+vv.p_allname+"</a>"+"</h1>";
                           s +="</div>";  
                        }); 
                         $('.list-infoBox').remove();
                         $('#s').remove();             
                         $('#li').append(s);
         
                }
                });
              }


    </script>
    <script>
              function zxsj(){
             
                $.ajax({
                    //cache:'true',
                    url:"{{'brands/ishot'}}",
                    //data:{'ishot':1},
                    dataType:'json',
                    type:'get',
                     
                     success:function(msg){
                         var s = "";
                         $.each(msg,function(kk,vv){
   
                           s +="<div  id='ishot' class='list-infoBox'  >";
                           s +='<a href="{{url('home/goods')}}/'+vv.p_id+'">'+"<img src='"+vv.p_pics+"'>"+"</a>";
                           s +="<h1>"+"<a href='"+vv.p_details+"'>"+vv.p_allname+"</a>"+"</h1>";
                           s +="</div>";  
                        }); 
                           s +="<div id='r' class='all-car-link'>"
                           s +="<a id='ishot' onclick='rm()'>热门</a>"
                           s +="</div>"               
                         $('.list-infoBox').remove();
                         $('#s').remove();
                         $('#r').remove();
                         $('#t').remove();
                         $('#li').append(s);
         
                }
                });
              }

            </script>

            <!-- 更多热门 -->
              <script>
        function rm(){
             
                $.ajax({
                   url:"{{'brands/ishots'}}",
                    //data:{'ishots':1},
                    dataType:'json',
                    type:'get',
                     
                     success:function(msg){
                         var s = "";
                         $.each(msg,function(kk,vv){
   
                           s +="<div  id='ishot' class='list-infoBox'  >";
                           s +='<a href="{{url('home/goods')}}/'+vv.p_id+'">'+"<img src='"+vv.p_pics+"'>"+"</a>";
                           s +="<h1>"+"<a href='"+vv.p_details+"'>"+vv.p_allname+"</a>"+"</h1>";
                           s +="</div>";  
                        }); 
                         $('.list-infoBox').remove();
                         $('#r').remove();             
                         $('#li').append(s);
         
                }
                });
              }


    </script>

            <script>

 function tj(){
               
                $.ajax({
                    //cache:'false',
                    url:"{{'brands/isshow'}}",
                    dataType:'json',
                    type:'get',
                     
                     success:function(msg){
                        
                         var s = "";
                         $.each(msg,function(kk,vv){
                            //s+="<div  >"+vv.p_allname+"</div>";
                           // s+="<option value='"+vv.p_id+"' >"+vv.p_id+"</option>";
                           //<a href="另一个地址"><img src="图片"></a>
                            s +="<div  id='isshow' class='list-infoBox' style='margin :20px;' >";
                            s +='<a href="{{url('home/goods')}}/'+vv.p_id+'">'+"<img src='"+vv.p_pics+"'>"+"</a>";                
                            s +="<h1>"+"<a href='"+vv.p_details+"'>"+vv.p_allname+"</a>"+"</h1>";              
                            s +="</div>";
                         
                        });
                            s +="<div id='t' class='all-car-link'>"
                            s +="<a id='isshow'  onclick='gdtj()'>推荐</a>"
                            s +="</div>"
                         $('.list-infoBox').remove();
                         $('#s').remove();
                         $('#r').remove();
                         $('#t').remove();
                         $('#li').append(s);
                     }
                 });
              }

            </script>
 <!-- 更多推荐 -->
             <script>
        function gdtj(){
             
                $.ajax({
                   url:"{{'brands/isshows'}}",
                    //data:{'isshow':1},
                    dataType:'json',
                    type:'get',
                     
                     success:function(msg){
                         var s = "";
                         $.each(msg,function(kk,vv){
   
                           s +="<div  id='ishot' class='list-infoBox'  >";
                           s +='<a href="{{url('home/goods')}}/'+vv.p_id+'">'+"<img src='"+vv.p_pics+"'>"+"</a>";
                           s +="<h1>"+"<a href='"+vv.p_details+"'>"+vv.p_allname+"</a>"+"</h1>";
                           s +="</div>";  
                        }); 
                         $('.list-infoBox').remove();
                         $('#t').remove();             
                         $('#li').append(s);
         
                }
                });
              }


    </script>

    <!--帖子列表 -->
    <div data-role="showList">
                    <div class="list" style="display: block;">
        <ul class="list-bigimg clearfix">
                                                <li clue_id="3022592">


                    </li>                                     </ul>
        <div class="all-car-link">
          <!--   <a data-gzlog="tracking_type=click&amp;eventid=0080330000000039" 
            baidu_alog="pc_index_tabSelect_detailCar&amp;click&amp;pc_index_tabSelect_lianshou_more_c" 
            href="http://www.guazi.com/tangshan/buy/p3/">更多练手车</a> -->
            <!-- <a id="ishots" value="1" onmouseover="zxsj()">热门</a> -->
        </div>
    </div>
            <div class="list" style="display: none;">
 
   
    </div>
    </div>

@include('home.art ')
</div>   
 <!-- 底部推广 e -->
</div>
<!-- <!- 首页内容区  e  -->
@include('home.foot ')

<style>

   #art{
        clear:both;

   }

   #divvv{
    margin-bottom: 50px;
    height: 550px;

   }

    #isbox{
    height: 360px;
    width: 360px;
   }  

</style>
